import React, { useState } from 'react'
import style from './style.module.scss'
import ModalView from '../index'
import CollectionListCard from '../../Card/CollectionListCard'

interface CollectionsModalProps {
    img: any
    imgId: string
}

export default function CollectionsModal(props: CollectionsModalProps) {
    const [expend, setExpend] = useState(false)

    return (
        <ModalView
            onClose={() => {
                setExpend(false)
            }}>
            <div className={style.container}>
                <div className={style.collections__bg}>
                    <img src={props.img} />
                </div>
                <div className={style.content}>
                    <CollectionListCard imgId={props.imgId} img={props.img} />
                </div>
            </div>
        </ModalView>
    )
}
